<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Fuse Fonts</title>
  <style>
    html {
      box-sizing: border-box;
    }

    html,
    body {
      font-size: 10px;
      line-height: 1.8em;
      font-family: "Tahoma", sans-serif;
      overflow-x: hidden;
    }

    * {
      box-sizing: border-box;
      user-select: none;
    }

    *:focus {
      box-shadow: none;
      outline: none;
    }

    
    ul, ol {
      padding: 0 0;
      margin: 0 0;
    }

  </style>

  <link href="stylesheets/base.css" rel="stylesheet" />
  <link href="stylesheets/material-icons.css" rel="stylesheet" />
  <!-- locally hosted version of 
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
    -->
  <link href="stylesheets/main.css" rel="stylesheet" /> 

</head>
<body>
  
  <main id="app"></main>

  <script type="text/xmldata" id="menu">
    <Menu>
      <MenuItem Id="create-group" Label="Create Group" Enabled="true" Checked="false" />
      <MenuItem Label="---" />
      <MenuItem Id="open-settings" Label="Settings" Enabled="true" Checked="false" />
      <MenuItem Id="diagnostics" Label="Diagnostics" Enabled="true" Checked="false" />
      <MenuItem Id="reload-app" Label="Reload" Enabled="true" Checked="false" />
      <MenuItem Label="---" />
      <MenuItem Id="feedback" Label="Send Feedback" Enabled="true" Checked="false" />

    </Menu>
  </script>

  <script type="text/xmldata" id="context-menu">
    <Menu>
      <MenuItem Id="create-group" Label="Create Group" Enabled="true" Checked="false" />
      <MenuItem Label="---" />
      <MenuItem Id="open-settings" Label="Settings" Enabled="true" Checked="false" />
      <MenuItem Label="---" />
      <MenuItem Id="feedback" Label="Send Feedback" Enabled="true" Checked="false" />
    </Menu>
  </script>
  
  <script type="text/javascript" src="scripts/CSInterface.js"></script>
  <script type="text/javascript" src="scripts/bundle.js"></script>
</body>
</html>